<script type="text/javascript">
function register(){
	var url= root+'users/register';
	$.post(
		url,
		$('#fr_register').serialize(),
		function(data){
			if(data.st=='SUCCESS'){
				show_popup_user('register_success', data.email);
			}else{
				$.each(data.error,function(index,obj) {
					$('.p_notification').css({'color':'#EE1C25'}).html(obj.txt);
					return false;
				});
			}
		},"json"
	);
}

function resetForm(element) {
	$(element).each(function(){
	     this.reset();
	});
}

function show_register(index){
	$('.step_register').hide();
	$('.step_'+index).fadeIn();
}

function check_form(element){
	var url= root+'users/check_form';
	var val= $(element).val();
	var param= element.substr(1, element.length);
	var post_data = {};
	post_data[param] = val;post_data['ac'] = param;
	if(val!='')
	{
		$.post(
			url,
			post_data,
			function(data){
				$.map(data.error, function(item){
					console.debug(item.txt);
				});
			},"json"
		);
	}
	else
	{
		alert('*');
	}
}
</script>
<div class="popup_register png">
<form action="" id="fr_register" method="post" enctype="multipart/form-data">
	<a href="javascript:void(0)" title="Đóng" class="close_popup" onclick="return hide_popup();"></a>
	<div class="p_content_popup w_popup_register step_1 step_register">
		<div class="popup_tt">ĐĂNG KÝ TÀI KHOẢN</div>
		<div class="popup_ct">
			<div class="username" style="padding:23px 0 0 23px;">
				<span style="font-size:15px;">TÊN ĐĂNG NHẬP (*)</span>
				<span style="margin-left:8px;"><input type="text" name="username" id="username" class="input_l"  /></span>				
			</div>
			<div class="password" style="padding:20px 0 0 53px;">
				<span style="font-size:15px;">MẬT KHẨU (*)</span>
				<span style="margin-left:8px;"><input type="password" name="password" id="password" class="input_s"  /></span>		
				<span style="font-size:15px;">LẶP LẠI (*)</span>
				<span style="margin-left:8px;"><input type="password" name="re_password" id="re_password" class="input_s"  /></span>					
			</div>
			<div class="email" style="padding:19px 0 0 76px;">
				<span style="font-size:15px;">EMAIL (*)</span>
				<span style="margin-left:8px;"><input type="text" name="email" id="email" class="input_l" style="width:342px;"  /></span>				
			</div>

			<div class="phone" style="padding:22px 0 0 62px;">
				<span style="font-size:15px;">ĐIỆN THOẠI (*)</span>
				<span style="margin-left:8px;"><input type="text" name="phone" id="" class="input_l" onblur="if(this.value==''){this.value = 'Di động hoặc ĐT bàn (mã vùng + số diện thoại)'}" onfocus="if(this.value=='Di động hoặc ĐT bàn (mã vùng + số diện thoại)'){this.value = ''}" value="Di động hoặc ĐT bàn (mã vùng + số diện thoại)" style="color:#969696;"  /></span>				
			</div>		
			<div class="code" style="padding:17px 0 0 47px;color:#ee1c25;">
				<span style="font-size:15px;">MÃ VẠCH SẢN PHẨM</span>
				<span style="margin-left:8px;"><input type="text" name="code" id="code" class="input_code"/></span>	
				<span><img onclick="return show_register('2')" src="<?=PATH_URL?>static/images/popup/img_chamhoi.png" align="absbottom" alt="" style="cursor:pointer;" /></span>
				<input type="hidden" name="device" id="device" value="true" class="input_code"  />				
			</div>
			<div class="note_require">(*) Mã vạch sản phẩm được in trên các sản phẩm Nestlé có logo 100 năm.</div>
			<div class="rules"><input type="checkbox" name="rules" id="rules" value="checked" /> Tôi đã đọc và chấp nhận tuân theo quy định và thể lệ của chương trình.</div>
			<div class="p_notification"></div>
			<div class="button">
				<span onclick="return register();"><img src="<?=PATH_URL?>static/images/popup/button/dang_ky.png" alt="" /></span>
				<span onclick="return show_popup_user('login');"><img src="<?=PATH_URL?>static/images/popup/button/dang_nhap_grey.png" alt="" /></span>
			</div>
		</div>
	</div>
	<div class="w_popup_code step_2 step_register" style="display:none;">
		<div class="popup_tt">MÃ VẠCH SẢN PHẨM</div>
		<div class="popup_ct">
			<div class="ct_code">
				Để tham gia bạn cần điền mã vạch sản phẩm<br/>
				trên bao bì của chương trình Nestlé 100 năm. <br/>
				Chương trình áp dụng với các sản phẩm<br/>
				NESCAFÉ, NESTEA, MAGGI, Nestlé MILO, LACTOGEN 3, NAN Pro 3.
			</div>	
			<div class="w_barcode">
				<div class="left">
					<img src="<?=PATH_URL?>static/images/barcode_left.png" alt="" />
					<div>Đây là bao bì của chương trình Nestlé 100 năm</div>
				</div>
				<div class="right">
					<img src="<?=PATH_URL?>static/images/barcode_right.jpg" alt="" />
					<div>Hãy tìm mã vạch sản phẩm và nhập mã số này vào đây</div>
				</div>
				<div class="clearAll"></div>
			</div>
			<div class="cm_code">Chúc bạn may mắn giành được quà tặng của chương trình!</div>
			<div style="margin:10px 0 0 0;"><a href="Javascript:void(0);" onclick="return show_register('1')"  class="bt_quaylai"><img src="<?=PATH_URL.'static/images/popup/button/btn_quaylai.png'?>" alt="" class="png" /></a></div>
		</div>
	</div>
</form>
</div>